<template>
  <div class="home">
    <div class="mySwipe">
      <mt-swipe :auto="4000" :show-indicators="false">
        <mt-swipe-item><img class="mySwipe_img" src="../assets/images/home/01.jpeg" alt=""></mt-swipe-item>
        <mt-swipe-item><img class="mySwipe_img" src="../assets/images/home/02.jpg" alt=""></mt-swipe-item>
      </mt-swipe>
    </div>
    <div class="myItem">
      <div class="myItem_div">
        <router-link to="/home/newList" class="myItem_a">
          <span class="myItem_span"><img width="70px" src="../assets/images/home/e1.png" alt=""></span>
          <p class="myItem_text">新闻资讯</p>
        </router-link>
        <router-link to="" class="myItem_a">
          <span class="myItem_span"><img width="70px" src="../assets/images/home/e2.png" alt=""></span>
          <p class="myItem_text">新闻资讯</p>
        </router-link>
        <router-link to="" class="myItem_a">
          <span class="myItem_span"><img width="70px" src="../assets/images/home/e3.png" alt=""></span>
          <p class="myItem_text">新闻资讯</p>
        </router-link>
      </div>
      <div class="myItem_div">
        <router-link to="" class="myItem_a">
          <span class="myItem_span"><img width="70px" src="../assets/images/home/e4.png" alt=""></span>
          <p class="myItem_text">新闻资讯</p>
        </router-link>
        <router-link to="" class="myItem_a">
          <span class="myItem_span"><img width="70px" src="../assets/images/home/e5.png" alt=""></span>
          <p class="myItem_text">新闻资讯</p>
        </router-link>
        <router-link to="" class="myItem_a">
          <span class="myItem_span"><img width="70px" src="../assets/images/home/e6.png" alt=""></span>
          <p class="myItem_text">新闻资讯</p>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Home',
  components: {
  }
}
</script>
<style scoped>
.mySwipe{
  height: 200px;
}
.mySwipe_img{
  width: 100%;
  object-fit: cover;
}
.myItem{
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  text-align: center;
}
.myItem_div{
  flex: 1;
  display: flex;
  margin-bottom: 20px;
}
.myItem_a{
  flex: 1;
  text-decoration: none;
  color: rgb(88, 88, 88);
}
.myItem_span{
  display: inline-block;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
}
.myItem_text{
  margin: 0;
  padding: 0;
}
</style>
